<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Mootools Photo Gallery - Photo gallery optimized to iPad with Mootools and PowerTools!</title>
		<meta name="viewport" content="width=1024, initial-scale=1.0, maximum-scale=1.0" />
		<meta name="viewport" content="width=768, initial-scale=1.0, maximum-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="css/oocss/all.css" media="screen,print" />
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Vollkorn:regular,italic,bold&amp;subset=latin" type="text/css" />
	</head>
	<body>

<div class="page">

<header class="head">
	<div class="hdgroup">
		<h1 class="h1">Mootools Photo Gallery</h1>
		<p class="description">Photo gallery optimized to iPad with <a title="Mootools" href="http://mootools.net">Mootools</a> and <a title="PowerTools!" href="http://cpojer.net/PowerTools/">PowerTools!</a></p>
	</div>
	<nav>
		<ul class="gnav">
			<li><a title="Home" href="/">Home</a></li>
			<li><a title="About" href="/about.html">About</a></li>
		</ul>
	</nav>
</header>
<!--/header-->

<div class="body">

	<div class="leftCol gMail">
		<div class="nav mod">
			<div class="hd">
				<h2 class="h3">Index</h2>
			</div>
			<div class="bd">
				<nav>
					<ul>
						<li><h3 class="h4"><a title="Details" href="#details">Details</a></h3></li>
						<li><h3 class="h4"><a title="Libraries" href="#libraries">Libraries</a></h3>
							<ul>
								<li><a title="Mootools Core" href="#mootoolsCore">Mootools Core</a></li>
								<li><a title="Mootools More" href="#mootoolsMore">Mootools More</a></li>
								<li><a title="PowerTools" href="#powerTools">PowerTools</a></li>
							</ul>
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</div>

	<div class="main">

		<article class="mod article">

			<header class="hd">
				<h2 class="h2">About</h2>
				<p>About this gallery</p>
			</header>

			<div class="bd">

				<section id="details" class="mod section">
					<header class="hd">
						<h3 class="h3">Details</h3>
					</header>
					<div class="bd">
						<p>This gallery is what <a title="Noritaka Horio" href="http://sharedhat.com">Noritaka Horio</a> made it with Mootools/Powertools.<br />
	The license can be distributed again by freely changing everyone with <a title="The MIT licence" href="http://www.opensource.org/licenses/mit-license.php">The MIT licence</a>.</p>
					</div>
				</section>
				<!--/details-->

				<section id="libraries" class="mod section">

					<header class="hd">
						<h3 class="h3">Libraries</h3>
					</header>

					<div class="bd">
						<p>The Javascript library used in this photo gallery is as follows.</p>

						<div class="mod library">
							<div class="hd">
								<h4><a title="Mootools Core" href="http://mootools.net/core/">Mootools Core</a></h4>
							</div>
							<div class="bd">
								<dl>
									<dt>Components:</dt>
									<dd>
										<p>
		Core, Array, String, Number, Function, Object, Event,<br />
		Browser, Class, Class.Extras, Slick.Parser, Slick.Finder,<br />
		Element, Element.Style, Element.Event, Element.Dimensions,<br />
		Fx, Fx.CSS, Fx.Tween, Fx.Morph, Fx.Transitions, Request, Request.HTML, DOMReady
										</p>
										<p class="download"><a title="Quick download of Mootools Core" href="http://mootools.net/core/ea09716563c92446646c05224e3c6dc5">Quick download of Mootools Core</a></p>
									</dd>
								</dl>
							</div>
						</div>
						<!--/library-->						

						<div class="mod library">
							<div class="hd">
								<h4><a title="Mootools More" href="http://mootools.net/more/">Mootools More</a></h4>
							</div>
							<div class="bd">
								<dl>
									<dt>Components:</dt>
									<dd>
										<p>Fx.Elements</p>
										<p class="download"><a title="Quick download of Mootools More" href="http://mootools.net/more/5b1c44827d51d07013279a5d40a5c2dc">Quick download of Mootools Core</a></p>
									</dd>
								</dl>
							</div>
						</div>
						<!--/library-->

						<div class="mod library">
							<div class="hd">
								<h4><a title="PowerTools" href="http://cpojer.net/PowerTools/#!">PowerTools</a></h4>
							</div>
							<div class="bd">
								<dl>
									<dt>Components:</dt>
									<dd>
								<p>
								Element.defineCustomEvent, Browser.Mobile, Browser.Features.Touch<br />
								Mouse, Touch, Click, Pinch, Swipe, Touchhold, Interface
								</p>
									</dd>
								</dl>
							</div>
						</div>
						<!--/library-->

					</div>

				</section>
				<!--/libraries-->
			</div>
		</article>
	</div>
	<!--/main-->

</div>
<!--/body-->

<footer class="foot">
	<p class="copyright">copy rights 2010 <a title="Noritaka Horio" href="mailto:holy.shared.design@gmail.com">Noritaka Horio</a> all right reserved.</p>
</footer>
<!--/foot-->

</div>
<!--/page-->

	</body>
</html>